<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
    <link rel="stylesheet" href="css/login.css">
	<title>登录页面</title>
</head>
<link rel="stylesheet" href="css/jquery-impromptu.min.css" type="text/css"/>
<body>
<div id="dataLoad" style="display:none; position: fixed; width: 100%; top: 20%; z-index: 1001;">
	   <table width=100% height=100% border=0 align=center valign=middle>
	    <tr height=50%><td align=center>&nbsp;</td></tr>
	    <tr><td align=center><img src="images/loading.gif"/></td></tr>
	    <tr><td align=center id="loading_text">登录中，请稍后......</td></tr>
	    <tr height=50%><td align=center>&nbsp;</td></tr>
	   </table>
	 </div>
	<div id="login_top">
		<div id="welcome">
			欢迎使用宜宾市翠屏区公安分局-财务网上申报与审批管理系统
		</div>
		<div id="back">
			<a href="#">返回首页</a>&nbsp;&nbsp; | &nbsp;&nbsp;
			<a href="#">帮助</a>
		</div>
	</div>
	<div id="login_center">
		<div id="login_area">
			<div id="login_form">
				<form>
					<div id="login_tip">
						用户登录&nbsp;&nbsp;UserLogin
					</div>
					<div><input type="text" class="username" name="user"  placeholder="请输入用户名"></div>
					<div><input type="password" class="pwd" name="pwd" placeholder="请输入密码"></div>
					<div class="btn_area" style="margin-left: 250px">
						<input type="button" name="button" id="sub_btn" value="登&nbsp;&nbsp;录">&nbsp;&nbsp;
					</div>
					<div class="btn_area" style="margin-left: 250px;display:none">
						<input type="button" name="button" id="up_btn" value="升级浏览器">&nbsp;&nbsp;
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="login_bottom">
		<p style="color:#ffffff">说明：请使用IE9及以上浏览器版本访问本系统</p>
	</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/jquery-impromptu.min.js"></script>
<script type="text/javascript">
	//辅助函数，检测浏览器版本
	function BrowserType(){
		var userAgent = navigator.userAgent;
		var isOpera = userAgent.indexOf("Opera") > -1;
		var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera;
		if(isIE){
			var reIE = new RegExp("MsSIE (\\d+\\.\\d+);");
			reIE.test(userAgent);
			var fIEVersion = parseFloat(RegExp["$1"]);
			if(fIEVersion == 7 || fIEVersion == 8){
				return false;
			}
		}
		return true;
	}
	$(function(){
		if(!BrowserType()){
			alert("浏览器版本过低，请升级到IE9及其以上版本");
			$("input[name='user']").attr('disabled', true).attr('placeholder', '浏览器版本过低，请升级到IE9以上版本');
			$("input[name='pwd']").attr('disabled', true).attr('placeholder', '浏览器版本过低，请升级到IE9以上版本');
			$('#sub_btn').attr('disabled', true);
			$('.btn_area').eq(0).hide();
			$('.btn_area').eq(1).show();
			$('#up_btn').click(function(){
				window.location = 'https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads';
			})
		}
		else{
			$('.btn_area').eq(0).show();
			$('.btn_area').eq(1).hide();
		}

		//获取本地空间存放的数据，user_info是一个json
		var t = window.localStorage.getItem('user_info');
		//如果没有数据，不读取，否则读取json中的用户名，放在Input中
		if(t){
			t = JSON.parse(t);
			$("input[name='user']").val(t.user_id);
		}


		//如果按下登录按钮
		$('#sub_btn').click(function(){
			//读取用户名和密码
			var user = $("input[name='user']").val();
			var pwd = $("input[name='pwd']").val();
			//post到对应服务器上的php中去验证
			$('#dataLoad').show();
			$.post(url+'login.php', {'user': user, 'pwd': pwd}, function(data){
				//返回的数据转换为JSON
				$('#dataLoad').hide();
				var t = JSON.parse(data);

				if(t.state == 0 ){
					$.prompt("<h2>用户名或账号输入错误，请重新输入</h2>", {
						title: '操作提醒',
						buttons: {'确定' : true}
					});
				}
				else{
					var msg = '';
					if(t.sys_admin == 1){
						msg = '管理员身份登录成功';
					}
					else{
						msg='普通用户身份登录成功';
					}
					$.prompt("<h2>" + msg + "</h2>", {
						title: '操作提醒',
						buttons: {'确定' : true},
						submit: function(e,v,m,f){
							if(v){
								window.localStorage.clear();
								//设置跳转为index.html
								$(window).attr('location', 'index.html');
								//保存基本数据
								window.localStorage.setItem('user_info', JSON.stringify(t));
								//设置登录状态
								document.cookie = "userState=ok";
							}
						}

					});


				}
			})
		})
	})
</script>

</html>